7. objekt Image
7.3 galerien
galerie typ 4 - blättern mit vorschaubildern
Beim laden der seite werden eine galerie mit kleinen vorschaubildern und
eine startgrafik der galerie angezeigt. Durch anklicken eines vorschaubildes
wird statt der startgrafik die dem vorschaubild entsprechende grafik in
originalgröße angezeigt. Zusätzlich kann man in der galerie vorwärts und
rückwärts blättern und wenn man eine angezeigte grafik anklickt, wird sie
ausgeblendet und die startgrafik wird wieder angezeigt. Dabei sind die
grafiken auf der seite nur einmal vorhanden, werden aber permanent in
verkleinertem maßstab als vorschaubild und nach auswahl in originalgröße
angezeigt. Die galerie enthält grafiken im quer- und im hochformat und
zudem in unterschiedlichen größen.
beispiel 7c - galerien typ 4
Der einbau der galerie in die seite ist nicht einfach. Zunächst müssen die
vorschaubilder eingebaut werden, dabei soll es bilder im hoch- und im querformat
geben, außerdem wird jedes img-tag mit einem aufruf der funktion galerie4
verbunden. Der aufruf enthält als parameter die nummer der anzuzeigenden grafik.
Statt der links im a-tag könnte man hier im img-tag auch mit onclick arbeiten.
Das ganze ist zunächst einfach, aber mit schreibarbeit verbunden und damit
fehleranfällig. Deshalb wird für den einbau der vorschau-tabelle zunächst eine
einfache lösung gezeigt. Dann eine komplexe variante mit PHP, bei der die
vorschau-tabelle nicht fix und fertig in die seite gestellt wird, sondern erst
beim aufruf der seite auf dem server mit PHP erzeugt wird. Zum verständnis dieser
bastelei wird auf die PHP-dokumentation verwiesen.
Der restliche einbau der galerie erfolgt dann mit einer tabelle, die die
startgrafik und die beiden button für rückwärts und vorwärts blättern
enthält, jeweils verbunden mit dem aufruf der funktion galerie4a.
Das img-tag mit der startgrafik hat den namen gal4. Bei diesem tag
wird hernach bei der anzeige der einzelnen grafiken für die eigenschaft
src die grafik gewechselt.
funktionen im header
Für die anzuzeigenden grafiken sind instanzen des objekts Image
notwendig. Die namen der instanzen enthalten auch hier eine fortlaufende
nummer. Der funktion galerie4 wird mit dem parameter nr die nummer
der anzuzeigenden grafik übergeben. Mit dieser grafik wird im img-tag mit
dem namen gal4 ein einfacher bildwechsel durchgeführt. Außerdem wird
die nummer der variablen pos4 zugewiesen, die damit zeigt, welche
grafik gerade angezeigt wird.
Der funktion galerie4a wird der parameter richt übergeben,
der aussagt, ob rückwärts (1) oder vörwärts (2) geblättert werden soll oder
ob die startgrafik (0) angezeigt werden soll. Die variable pos4 wird
entsprechend gesetzt und die grafik mit einem einfachen bildwechsel
angezeigt.
EXEC beispiel7c ausführen
impressum
Für den inhalt der homepage hartard-bernhard.de
ist im sinne des pressegesetzes verantwortlich:
Bernhard Hartard
Gerhart-Hauptmann-Ring 18
81737 München
089 / 670 39 90
familie.hartard@t-online.de
salvatorische erklärung
Die seiten meiner homepage enthalten links
zu anderen seiten im Internet, auf deren gestaltung und inhalt ich
keinen einfluss habe. Ich übernehme keine gewähr für den inhalt der
verlinkten seiten, rechtsverstöße waren für mich zum zeitpunkt der
verlinkung auf diesen seiten nicht erkennbar, eine ständige inhaltliche
kontrolle der verlinkten seiten ist mir weder möglich noch zumutbar.
Aus rechtlichen gründen distanziere ich mich ausdrücklich vom inhalt
der verlinkten seiten und mache mir deren inhalt nicht zu eigen.
Diese erklärung gilt für alle auf meinen seiten angezeigten links.
CLOSE anzeige schließen
start
Damit startet die homepage neu, d.h. der Steinbeisser treibt wieder sein unwesen.
anfang
Hier beginnen die informationen dieser homepage
zur person
Hier findet man informationen zur person des verfassers dieser homepage, wer er ist, woher er kommt, was er gelernt hat und was er im verlauf seines lebens so getrieben hat.
spiele
Hier finden man einige spiele, aber keine wüsten ballerspiele, sondern einige echte knobeleien (hirn-jogging), zwei gesellschaftsspiele (Mensch ärgere Dich nicht, Kniffel) und das spiel aller frechen schüler: schiffe versenken.
galerien
Ein wenig heimatliebe muss erlaubt sein und deshalb findet man hier einige bildergalerien von Speyer und von seinem Dom.
backbuch
Das ist eine sammlung von backrezepten, aus verschiedenen quellen zusammengetragen und fast alle mit mehr oder weniger erfolg ausprobiert. Da findet man in den endlosen weiten des Internet natürlich mehr und besseres.
stammbaum
Das gehört eigentlich in den privaten bereich dieser homepage, denn hier wird der stammbaum des verfassers der homepage gezeigt. Weil aber beim testen der anwendung auch der stammbaum der Wittelsbacher entstanden ist, wurde beides hier veröffentlicht. Vielleicht interessiert es jemand.
exit
Hier kann man Google oder eine beliebige seite im Internet aufrufen oder diese homepage verlassen.
kontakt
Hier kann man dem verfasser und eigentümer der homepage eine email schreiben.
privat
Hier kommt man in den privaten bereich der homepage, besser gesagt, man kommt da nicht hinein, denn dieser bereich ist geschützt und nur dem eigentümer der homepage zugänglich.
doku
Hier sind die programmiertechniken dokumentiert, mit deren hilfe die homepage gebastelt wurde. Genauer gesagt man findet hier kurz gefasste bechreibungen von HTML, CSS, MySQL und Javascript. Das findet man im Internet natürlich viel ausführlicher aber für einen ersten einstieg in die seltsame welt der programmierung sind diese beschreibungen durchaus brauchbar.